<template>
  <!-- 底部tarbar -->
  <div>
    <cu-nav
      centerText="底部tarbar"
      colorIcon="#fff"
      colorText="#fff"
      :leftArrow="true"
      :fixed="true"
      background="#e8443d"
      :border="true"
      @click-left="$router.go(-1)"
    ></cu-nav>

    <div>说明：</div>
    <div>
        本案例在点击后只会显示弹窗文字，对应的选中状态不会更改，在实际开发中，在需要的页面内引入 cu-nav 组件即可
    </div>
    <cu-tarbar :active="0"></cu-tarbar>
  </div>
</template>

<script>
import CuTarBar from "@/components/custom-model/cu-tarbar";
import CuNav from "@/components/custom-model/cu-nav";

export default {
  components: {
    "cu-nav": CuNav,
    "cu-tarbar": CuTarBar
  },
  data() {
    return {
      active: 0
    };
  }
};
</script>